<!-- 头部 开始 -->
<header class="navbar navbar-custom container-full-sm" id="header">
    <div class="header-top">
        <div class="container">
            <div class="row m-0">
                <div class="col-12 col-md-6 col-sm-5 p-0">
                    <div class="top-link top-link-left select-dropdown d-none d-sm-block">
                        <fieldset>
                            <select name="speed" class="countr option-drop">
                                <option selected="selected">English</option>
                                <option>Frence</option>
                                <option>German</option>
                            </select>
                            <select name="speed" class="currenc option-drop">
                                <option selected="selected">USD</option>
                                <option>EURO</option>
                                <option>POUND</option>
                            </select>
                        </fieldset>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-sm-7 p-0">
                    <div class="top-right-link right-side d-none d-sm-block">
                        <ul>
                            <li class="info-link wishlist-icon content">
                                <a href="wishlist.html" title="Wishlist">
                                    <span></span> Wish List</a>
                            </li>
                            <li class="info-link compare-icon">
                                <a href="compare.html" title="Compare">
                                    <span></span> Compare
                                </a>
                            </li>
                            <li class="info-link giftcard-icon">
                                <a href="#" title="Gift card">
                                    <span></span> Gift card</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-middle">
        <div class="container">
            <div class="row mlr_-20">
                <div class="col-xl-3 col-lg-3 col-sm-12 plr-20">
                    <div class="header-middle-left">
                        <div class="navbar-header border-right float-none-sm">
                            <a class="navbar-brand page-scroll" href="index.html">
                                <img alt="Shopholic" src="images/logo.png">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-9 col-sm-12 plr-20">
                    <div class="row">
                        <div class="col-6 col-lg-12 login-part">
                            <div class="right-call-part">
                                <ul>
                                    <li class="call-us-icon d-none d-md-block">
                                        <a href="#">
                                            <span></span>
                                            <div class="call-us-text">
                                                <div class="header-right-text">联系我们</div>
                                                <div class="header-price">+123 8888 8888</div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="login-icon content">
                                        <a class="content-link">
                                            <span class="content-icon"></span>
                                        </a>
                                        <div class="content-dropdown" id="content-dropdown">
                                        </div>
                                    </li>
                                    <li class="side-toggle">
                                        <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button"><i class="fa fa-bars"></i></button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-12 col-md-12">
                            <div class="nav_sec position-r right-side float-none-md">
                                <div class="mobilemenu-title mobilemenu">
                                    <span>菜单</span>
                                    <i class="fa fa-bars pull-right"></i>
                                </div>
                                <div class="mobilemenu-content">
                                    <ul class="nav navbar-nav" id="menu-main">
                                        <li>
                                            <a href="index.html"><span>首页</span></a>
                                        </li>
                                        <li class="level dropdown ">
                                            <span class="opener plus"></span>
                                            <a href="shop.html"><span>商品</span></a>
                                            <div class="megamenu mobile-sub-menu">
                                                <div class="megamenu-inner-top">
                                                    <ul class="sub-menu-level1">
                                                        <li class="level2">
                                                            <ul class="sub-menu-level2 ">
                                                                <li class="level3">
                                                                    <a href="shop.html"><span>■</span>展示页1</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="shop_2.html"><span>■</span>展示页2</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="about.html"><span>关于我们</span></a>
                                        </li>
                                        <li class="level dropdown">
                                            <span class="opener plus"></span>
                                            <a href="blog.html"><span>博客</span></a>
                                            <div class="megamenu mobile-sub-menu">
                                                <div class="megamenu-inner-top">
                                                    <ul class="sub-menu-level1">
                                                        <li class="level2">
                                                            <ul class="sub-menu-level2 ">
                                                                <li class="level3">
                                                                    <a href="blog.html"><span>■</span>博客1</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="blog_2.html"><span>■</span>博客2</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="single-blog.html"><span>■</span>Single Blog</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="contact.html"><span>联系我们</span></a>
                                        </li>
                                        <li class="level dropdown ">
                                            <span class="opener plus"></span>
                                            <a href="#" class="page-scroll"><span>Pages</span></a>
                                            <div class="megamenu mobile-sub-menu">
                                                <div class="megamenu-inner-top">
                                                    <ul class="sub-menu-level1">
                                                        <li class="level2">
                                                            <ul class="sub-menu-level2 ">
                                                                <li class="level3">
                                                                    <a href="account.html"><span>■</span>账户</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="checkout.html"><span>■</span>结账</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="compare.html"><span>■</span>比较</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="wishlist.html"><span>■</span>愿望清单</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="404.html"><span>■</span>404错误</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="faq.html"><span>■</span>常见问题</a>
                                                                </li>
                                                                <li class="level3">
                                                                    <a href="product-page.html"><span>■</span>商品页</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--导航底部（类别，搜索框）开始-->
    <div class="header-bottom">
        <div class="container">
            <div class="header-line">
                <div class="row position-r mlr_-20">
                    <div class="col-lg-3 plr-20 bottom-part position-initial">
                        <div class="sidebar-menu-dropdown home">
                            <a class="btn-sidebar-menu-dropdown"> 类别 <i class="fa fa-bars"></i></a>
                            <!--类别下拉框开始-->
                            <div id="cat" class="cat-dropdown">
                                <div class="sidebar-contant">
                                    <div id="menu" class="navbar-collapse collapse">
                                        <!--header-top右侧超小屏幕时显示 开始-->
                                        <div class="top-right-link mobile d-block d-sm-none">
                                            <ul>
                                                <li class="info-link wishlist-icon content">
                                                    <a title="Wishlist" href="wishlist.html">
                                                        <span></span> Wish List</a>
                                                </li>
                                                <li class="info-link compare-icon">
                                                    <a title="Compare" href="compare.html">
                                                        <span></span> Compare
                                                    </a>
                                                </li>
                                                <li class="info-link giftcard-icon">
                                                    <a title="Gift Card" href="checkout.html">
                                                        <span></span> Gift Card</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <!--header-top右侧超小屏幕时显示 结束-->
                                        <!--header-top左侧超小屏幕时显示 开始-->
                                        <div class="header-top mobile d-block d-sm-none">
                                            <div class="">
                                                <div class="row">
                                                    <div class="col-12">
                                                        <div class="top-link top-link-left select-dropdown">
                                                            <fieldset>
                                                                <select name="speed" class="countr option-drop">
                                                                    <option selected="selected">English</option>
                                                                    <option>Frence</option>
                                                                    <option>German</option>
                                                                </select>
                                                                <select name="speed" class="currenc option-drop">
                                                                    <option selected="selected">USD</option>
                                                                    <option>EURO</option>
                                                                    <option>POUND</option>
                                                                </select>
                                                            </fieldset>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--header-top左侧超小屏幕时显示 结束-->
                                        <!--类别菜单开始-->
                                        <ul class="nav navbar-nav ">
                                            <li class="level sub-megamenu">
                                                <span class="opener plus"></span>
                                                <a href="shop.html" class="page-scroll"><i class="fa fa-desktop"></i> Electronics</a>
                                                <div class="megamenu mobile-sub-menu" style="width:430px;">
                                                    <div class="megamenu-inner-top">
                                                        <ul class="sub-menu-level1">
                                                            <li class="level2">
                                                                <a href="shop.html"><span>Kids Fashion</span></a>
                                                                <ul class="sub-menu-level2 ">
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Trousers</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Purse</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Wallets</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Skirts</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Tops</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sleepwear</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Jeans</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="level2">
                                                                <div class="sub-menu-slider d-none d-lg-block">
                                                                    <div class="row">
                                                                        <div class="owl-carousel sub_menu_slider">
                                                                            <div class="product-item">
                                                                                <div class="product-item-inner">
                                                                                    <div class="product-image">
                                                                                        <a href="product-page.html">
                                                                                            <img src="images/1.jpg" alt="Shopholic">
                                                                                        </a>
                                                                                    </div>
                                                                                    <div class="product-item-details align-center">
                                                                                        <div class="product-item-name">
                                                                                            <a href="product-page.html">Samsung Galexy Tab</a>
                                                                                        </div>
                                                                                        <div class="price-box">
                                                                                            <span class="price">$80.00</span>
                                                                                            <del class="price old-price">$120.00</del>
                                                                                        </div>
                                                                                        <div class="rating-summary-block">
                                                                                            <div class="rating-result" title="53%">
                                                                                                <span style="width:53%"></span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="product-item">
                                                                                <div class="product-item-inner">
                                                                                    <div class="product-image">
                                                                                        <a href="product-page.html">
                                                                                            <img src="images/2.jpg" alt="Shopholic">
                                                                                        </a>
                                                                                    </div>
                                                                                    <div class="product-item-details align-center">
                                                                                        <div class="product-item-name">
                                                                                            <a href="product-page.html">iPhone 6s (Black)</a>
                                                                                        </div>
                                                                                        <div class="price-box">
                                                                                            <span class="price">$80.00</span>
                                                                                            <del class="price old-price">$120.00</del>
                                                                                        </div>
                                                                                        <div class="rating-summary-block">
                                                                                            <div class="rating-result" title="53%">
                                                                                                <span style="width:53%"></span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="product-item">
                                                                                <div class="product-item-inner">
                                                                                    <div class="product-image">
                                                                                        <a href="product-page.html">
                                                                                            <img src="images/3.jpg" alt="Shopholic">
                                                                                        </a>
                                                                                    </div>
                                                                                    <div class="product-item-details align-center">
                                                                                        <div class="product-item-name">
                                                                                            <a href="product-page.html">iBall Headphone</a>
                                                                                        </div>
                                                                                        <div class="price-box">
                                                                                            <span class="price">$80.00</span>
                                                                                            <del class="price old-price">$120.00</del>
                                                                                        </div>
                                                                                        <div class="rating-summary-block">
                                                                                            <div class="rating-result" title="53%">
                                                                                                <span style="width:53%"></span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="product-item">
                                                                                <div class="product-item-inner">
                                                                                    <div class="product-image">
                                                                                        <a href="product-page.html">
                                                                                            <img src="images/4.jpg" alt="Shopholic">
                                                                                        </a>
                                                                                    </div>
                                                                                    <div class="product-item-details align-center">
                                                                                        <div class="product-item-name">
                                                                                            <a href="product-page.html">Dell Laptop Core i5</a>
                                                                                        </div>
                                                                                        <div class="price-box">
                                                                                            <span class="price">$80.00</span>
                                                                                            <del class="price old-price">$120.00</del>
                                                                                        </div>
                                                                                        <div class="rating-summary-block">
                                                                                            <div class="rating-result" title="53%">
                                                                                                <span style="width:53%"></span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="product-item">
                                                                                <div class="product-item-inner">
                                                                                    <div class="product-image">
                                                                                        <a href="product-page.html">
                                                                                            <img src="images/5.jpg" alt="Shopholic">
                                                                                        </a>
                                                                                    </div>
                                                                                    <div class="product-item-details align-center">
                                                                                        <div class="product-item-name">
                                                                                            <a href="product-page.html">Wood Single Table</a>
                                                                                        </div>
                                                                                        <div class="price-box">
                                                                                            <span class="price">$80.00</span>
                                                                                            <del class="price old-price">$120.00</del>
                                                                                        </div>
                                                                                        <div class="rating-summary-block">
                                                                                            <div class="rating-result" title="53%">
                                                                                                <span style="width:53%"></span>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="level">
                                                <a href="shop.html" class="page-scroll"><i class="fa fa-bed"></i> Home & Furniture</a>
                                            </li>
                                            <li class="level">
                                                <a href="shop.html" class="page-scroll">
                                                    <i class="fa fa-female"></i> Clothes Fashion
                                                    <div class="menu-label"><span class="hot-menu"> Hot </span></div>
                                                </a>
                                            </li>
                                            <li class="level sub-megamenu">
                                                <span class="opener plus"></span>
                                                <a href="shop.html" class="page-scroll"><i class="fa fa-heartbeat"></i>Beauty & Health</a>
                                                <div class="megamenu mobile-sub-menu" style="width:775px;">
                                                    <div class="megamenu-inner-top">
                                                        <ul class="sub-menu-level1">
                                                            <li class="level2">
                                                                <a href="shop.html"><span>Men Fashion</span></a>
                                                                <ul class="sub-menu-level2">
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Dresses</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sport Jeans</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Skirts</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Tops</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sleepwear</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Jeans</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="level2">
                                                                <a href="shop.html"><span>Women Fashion</span></a>
                                                                <ul class="sub-menu-level2 ">
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Phone Cases</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Trousers</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Purse</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Wallets</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="level2 d-none d-lg-block">
                                                                <div class="menu-banner">
                                                                    <a href="shop.html">
                                                                        <img src="images/drop_banner.jpg" alt="Shopholic">
                                                                    </a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="level">
                                                <a href="shop.html" class="page-scroll">
                                                    <i class="fa fa-child"></i>Kid’s & Baby Toy’s
                                                    <div class="menu-label"><span class="new-menu"> New </span></div>
                                                </a>
                                            </li>
                                            <li class="level sub-megamenu ">
                                                <span class="opener plus"></span>
                                                <a href="shop.html" class="page-scroll"><i class="fa fa-car"></i>Automotive</a>
                                                <div class="megamenu mobile-sub-menu" style="width:630px;">
                                                    <div class="megamenu-inner-top">
                                                        <ul class="sub-menu-level1">
                                                            <li class="level2">
                                                                <a href="shop.html"><span>Women Clothings</span></a>
                                                                <ul class="sub-menu-level2">
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Dresses</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sport Jeans</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Skirts</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Tops</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sleepwear</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Jeans</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="level2">
                                                                <a href="shop.html"><span>Men Clothings</span></a>
                                                                <ul class="sub-menu-level2 ">
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Phone Cases</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Trousers</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Purse</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Wallets</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="level2">
                                                                <a href="shop.html"><span>Juniors kid</span></a>
                                                                <ul class="sub-menu-level2 ">
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Phone Cases</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Trousers</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Purse</a>
                                                                    </li>
                                                                    <li class="level3">
                                                                        <a href="shop.html"><span>■</span>Wallets</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="level">
                                                <a href="shop.html" class="page-scroll"><i class="fa fa-futbol-o"></i>Sports & Outdoors</a>
                                            </li>
                                            <li class="level ">
                                                <a href="shop.html" class="page-scroll"><i class="fa fa-tablet"></i>Appliances</a>
                                            </li>
                                        </ul>
                                        <!--类别菜单结束-->
                                    </div>
                                </div>
                            </div>
                            <!--类别下拉框结束-->
                        </div>
                    </div>
                    <div class="col-lg-9 plr-20 bottom-part">
                        <div class="header-right-part">
                            <div class="category-main">
                                <div class="category-dropdown select-dropdown">
                                    <fieldset id="set">
                                        <select id="sortsId" class="option-drop" name="search-category">
                                            <option value="0">商品分类</option>
                                            <option value="1">书籍</option>
                                            <option value="2">数码</option>
                                            <option value="3">交通</option>
                                            <option value="4">运动</option>
                                            <option value="5">盆栽</option>
                                            <option value="6">杂货</option>
                                            <option value="7">服装</option>
                                        </select>
                                    </fieldset>
                                </div>
                                <div class="main-search">
                                    <div class="header_search_toggle desktop-view">
                                        <form>
                                            <div class="search-box">
                                                <!--搜索关键字进行查询-->
                                                <input class="input-text" type="text" id="keyWords"
                                                       placeholder="请输入你要查看的商品描述">
                                                <button type="button" class="search-btn"
                                                        id="search_button"></button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div id="cartIcon" tabindex="0" class="cart-box-main">
                                <a href="#">
                                    <span class="cart-icon-main"> <small class="cart-notification" id="cart-notification">0</small> </span>
                                </a>
                                <div id="cart-down" class="cart-dropdown header-link-dropdown">
                                    <ul class="cart-list link-dropdown-list">
                                    </ul>
                                    <div class="cart-bottom">
                                        <p class="cart-tip">购物车里还有<span id="remain">5</span>件商品</p>
                                        <p class="cart-sub-totle">
                                            <span class="pull-left">小计</span>
                                            <span class="pull-right total"><strong id="priceBox" class="price-box">$29.98</strong></span>
                                        </p>
                                        <div class="clearfix"></div>
                                        <div class="mt-20">
                                            <a href="cart.html" class="btn-color go-cart btn">去购物车</a>
                                            <a href="checkout.html" class="btn-color btn right-side checkout">结账</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--导航底部结束-->
    <!--右侧链接-->
    <div class="popup-links">
        <div class="popup-links-inner">
            <ul>
                <li class="categories">
                    <a class="popup-with-form" href="#categories_popup"><span class="icon"></span><span class="icon-text">Categories</span></a>
                </li>
                <li class="cart-icon">
                    <a id="cartLink" class="popup-with-form" href="#cart_popup"><span class="icon"></span><span class="icon-text">Cart</span></a>
                </li>
                <li class="account">
                    <a class="popup-with-form" href="#account_popup"><span class="icon"></span><span class="icon-text">Account</span></a>
                </li>
                <li class="search">
                    <a class="popup-with-form" href="#search_popup"><span class="icon"></span><span class="icon-text">Search</span></a>
                </li>
                <li class="scroll scrollup">
                    <a href="#"><span class="icon"></span><span class="icon-text">Scroll-top</span></a>
                </li>
            </ul>
        </div>
        <!--链接对应弹出层开始-->
        <div id="popup_containt">
            <div id="categories_popup" class="white-popup-block mfp-hide popup-position">
                <div class="popup-title">
                    <h2 class="main_title heading"><span>Categories</span></h2>
                </div>
                <div class="popup-detail">
                    <ul class="cate-inner">
                        <li class="level sub-megamenu">
                            <span class="opener plus"></span>
                            <a href="shop.html" class="page-scroll"><i class="fa fa-female"></i>Fashion (10)</a>
                            <div class="megamenu  mega-sub-menu">
                                <div class="megamenu-inner-top">
                                    <ul class="sub-menu-level1">
                                        <li class="level2">
                                            <ul class="sub-menu-level2 ">
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Trousers</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Purse</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Wallets</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Skirts</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Tops</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sleepwear</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Jeans</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-camera-retro"></i>Cameras (70)</a>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-desktop"></i>computers (10)</a>
                        </li>
                        <li class="level sub-megamenu">
                            <span class="opener plus"></span>
                            <a href="shop.html" class="page-scroll"><i class="fa fa-clock-o"></i>Wathches (15)</a>
                            <div class="megamenu mega-sub-menu">
                                <div class="megamenu-inner-top">
                                    <ul class="sub-menu-level1">
                                        <li class="level2">
                                            <ul class="sub-menu-level2">
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Dresses</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sport Jeans</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Skirts</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Tops</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sleepwear</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Jeans</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Phone Cases</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Trousers</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Purse</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Wallets</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-shopping-bag"></i>Bags (18)</a>
                        </li>
                        <li class="level sub-megamenu ">
                            <span class="opener plus"></span>
                            <a href="shop.html" class="page-scroll"><i class="fa fa-tablet"></i>Smartphones (20)</a>
                            <div class="megamenu mega-sub-menu">
                                <div class="megamenu-inner-top">
                                    <ul class="sub-menu-level1">
                                        <li class="level2">
                                            <ul class="sub-menu-level2">
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Dresses</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sport Jeans</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Skirts</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Tops</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sleepwear</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Jeans</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="level2">
                                            <ul class="sub-menu-level2 ">
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Blazer & Coat</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Sport Shoes</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Phone Cases</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Trousers</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Purse</a>
                                                </li>
                                                <li class="level3">
                                                    <a href="shop.html"><span>■</span>Wallets</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-heart"></i>Software</a>
                        </li>
                        <li class="level ">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-headphones"></i>Headphone (12)</a>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-microphone"></i>Accessories (70)</a>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-bolt"></i>Printers & Ink</a>
                        </li>
                        <li class="level">
                            <a href="shop.html" class="page-scroll"><i class="fa fa-plus-square"></i>More Categories</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="cart_popup" class="white-popup-block mfp-hide popup-position">
                <div class="popup-title">
                    <h2 class="main_title heading"><span>Cart</span></h2>
                </div>
                <div class="popup-detail">
                    <div class="cart-dropdown">
                        <ul class="cart-list link-dropdown-list">
                        </ul>
                        <div class="cart-bottom">
                            <p class="cart-tip">购物车里还有<span class="remain">5</span>件商品</p>
                            <p class="cart-sub-totle">
                                <span class="pull-left">小计</span>
                                <span class="pull-right total"><strong class="price-box"></strong></span>
                            </p>
                            <div class="clearfix"></div>
                            <div class="mt-20">
                                <a href="cart.html" class="btn-color btn">去购物车</a>
                                <a href="checkout.html" class="btn-color btn right-side checkout">结账</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="account_popup" class="white-popup-block mfp-hide popup-position">
                <div class="popup-title">
                    <h2 class="main_title heading"><span>Account</span></h2>
                </div>
                <div class="popup-detail">
                    <div class="row">
                        <div class="col-lg-4">
                            <a href="account.jsp">
                                <div class="account-inner mb-30">
                                    <i class="fa fa-user"></i><br/>
                                    <span>Account</span>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-4">
                            <a href="register.html">
                                <div class="account-inner mb-30">
                                    <i class="fa fa-user-plus"></i><br/>
                                    <span>Register</span>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-4">
                            <a href="cart.html">
                                <div class="account-inner mb-30">
                                    <i class="fa fa-shopping-bag"></i><br/>
                                    <span>Shopping</span>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-4">
                            <a href="account.html#step4">
                                <div class="account-inner">
                                    <i class="fa fa-key"></i><br/>
                                    <span>Change Pass</span>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-4">
                            <a href="account.html#step3">
                                <div class="account-inner">
                                    <i class="fa fa-history"></i><br/>
                                    <span>history</span>
                                </div>
                            </a>
                        </div>
                        <div class="col-lg-4">
                            <a href="login.html">
                                <div class="account-inner">
                                    <i class="fa fa-share-square-o"></i><br/>
                                    <span>log out</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="search_popup" class="white-popup-block mfp-hide popup-position">
                <div class="popup-title">
                    <h2 class="main_title heading"><span>Search</span></h2>
                </div>
                <div class="popup-detail">
                    <div class="main-search">
                        <div class="header_search_toggle desktop-view">
                            <form>
                                <div class="search-box">
                                    <input class="input-text" type="text" placeholder="Search entire store here...">
                                    <button class="search-btn"></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--链接对应弹出层结束-->
    </div>
    <!--右侧链接结束-->
</header>
